<template>
  <div class="logo-view">
    <div class="logo-img">
      <img :src="logoUrl" style="vertical-align: middle;" class="img"/>
    </div>
    <!-- <div class="logo-text">
      <font>{{$t('lang.system_name')}}</font>
    </div> -->
  </div>
</template>
<script>
export default {
  /**
   *  头部右上角logo视图组件
   */
  name: 'LogogView',
  props: {

  },
  data () {
    return {
      logoUrl: require('@/assets/img/new_scp_logo.png'),
    }
  },
  created () {
  },
  methods: {
    
  },
  watch: {
  }
}
</script>
<style lang="scss">
.logo-view {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  .logo-img {
    // height: 100%;
    .img {
      // width: auto;
      height: 100%;
      // max-width: 160px;
      // max-height: 60px;
    }
  }
  .logo-text {
    font-size: 20px;
    letter-spacing: 4px;
  }
}
</style>
